<!DOCTYPE html>
<html lang="en">
<head>
    <title>个人中心</title>
    <meta charset="UTF-8">
    <meta name=description content="">
    <meta name=viewport content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="css/main.css" rel="stylesheet" media="screen">
</head>
<body>

<div class="header">
    <div class="headerTop">
        <a href="javascript:void(0);" class="logo"></a>
        <div class="headerSearch">
            <input type="text" name="keyword" class="form-control" autocomplete="off" placeholder="请输入课程关键字"/>
            <button type="button" class="btn btn-primary">
                <i class="iconfont">&#xe618;</i>
                搜索
            </button>
        </div>
        <div class="headerLogin">
            <i class="iconfont c999">&#xe625;</i>
            <a href="login.html" class="btn btn-default">登陆</a>
            <a href="register.html" class="btn btn-default register">注册有礼</a>
        </div>
    </div>
    <div class="menu">
        <a href="index.html">首　页</a>
        <a href="about.html">关于我们</a>
        <a href="course.html">全部课程</a>
        <a href="record.html">学习记录</a>
        <a href="user.html" class="active">个人中心</a>
    </div>
</div>


<div class="container">
    <div class="blk30"></div>
    <div class="row userBox">
        <div class="userLeft">
            <div class="userInfo">
                <img src="images/2663316229653045115.jpg" alt="">
                <span>桃子的阿离</span>
                <p>13456987468</p>
            </div>
            <ul>
                <li>
                    <a href="user02.html">
                        <i class="iconfont">&#xe66f;</i><span>个人信息</span>
                    </a>
                </li>
                <li>
                    <a href="user03.html">
                        <i class="iconfont">&#xe644;</i><span>全部订单</span>
                    </a>
                </li>
                <li>
                    <a href="user.html">
                        <i class="iconfont">&#xe613;</i><span>VIP服务</span>
                    </a>
                </li>
                <li>
                    <a href="user04.html">
                        <i class="iconfont">&#xe604;</i><span>学习记录</span>
                    </a>
                </li>
                <li>
                    <a href="user05.html">
                        <i class="iconfont">&#xe600;</i><span>收藏课程</span>
                    </a>
                </li>
                <li class="active">
                    <a href="user06.html">
                        <i class="iconfont">&#xe659;</i><span>收藏讲师</span>
                    </a>
                </li>
                <li>
                    <a href="user07.html">
                        <i class="iconfont">&#xe801;</i><span>绑定手机</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="userRight">
            <div class="row text-center">
                <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                    <a href="javascript:void(0);"><img src="images/user_03.jpg" alt=""></a>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                    <a href="javascript:void(0);"><img src="images/user_05.jpg" alt=""></a>
                </div>
            </div>
            <div class="pt-15 pb-15"><h3 class="text-center">收藏讲师</h3></div>
            <div class="clearfix text-right pb-25"><a href="javascript:void(0);" class="more min">更多</a></div>
            <div class="clearfix pb-15">
                <img src="images/user_14.jpg" alt="" class="img-responsive">
            </div>

            <ul class="nav nav-tabs custom-tabs">
                <li class="active"><a href="#tabs1" data-toggle="tab">全部课程(11）</a></li>
                <li><a href="#tabs2" data-toggle="tab">讲师介绍</a></li>
            </ul>
            <div class="blk20"></div>
            <div class="tab-content">
                <div class="tab-pane fade in active" id="tabs1">
                    <div class="clearfix text-right pb-25"><a href="javascript:void(0);" class="more min">更多</a></div>
                    <div class="row myCourseList">
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                            <div class="recordItem vip">
                                <div class="recordImg">
                                    <a href="javascript:void(0);">
                                        <img src="images/003.jpg" alt="" class="img-responsive">
                                    </a>
                                </div>
                                <div class="recordInfo">
                                    <div class="clearfix lh24">
                                        <span class="pull-left font14">儿童入门国画</span>
                                        <span class="pull-right font10">共 2 节</span>
                                    </div>
                                    <div class="clearfix lh20 pt-5">
                                        <span class="pull-left money font10">￥<span class="font16">20</span>.00</span>
                                        <span class="pull-right font10">1 人已学习</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                            <div class="recordItem">
                                <div class="recordImg">
                                    <a href="javascript:void(0);">
                                        <img src="images/003.jpg" alt="" class="img-responsive">
                                    </a>
                                </div>
                                <div class="recordInfo">
                                    <div class="clearfix lh24">
                                        <span class="pull-left font14">儿童入门国画</span>
                                        <span class="pull-right font10">共 2 节</span>
                                    </div>
                                    <div class="clearfix lh20 pt-5">
                                        <span class="pull-left money font12">免费课程</span>
                                        <span class="pull-right font10">1 人已学习</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                            <div class="recordItem hot">
                                <div class="recordImg">
                                    <a href="javascript:void(0);">
                                        <img src="images/003.jpg" alt="" class="img-responsive">
                                    </a>
                                </div>
                                <div class="recordInfo">
                                    <div class="clearfix lh24">
                                        <span class="pull-left font14">儿童入门国画</span>
                                        <span class="pull-right font10">共 2 节</span>
                                    </div>
                                    <div class="clearfix lh20 pt-5">
                                        <span class="pull-left money font10">￥<span class="font16">20</span>.00</span>
                                        <span class="pull-right font10">1 人已学习</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="tabs2">
                    <div class="row">
                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                            <img src="images/A80R3093.jpg" alt="" class="img-responsive">
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                            <div class="c905 font20">
                                <p>符氏文化产业联合创始人、CEO</p>
                                <p>拥有十多年大型企业管理经验</p>
                                <p>中国硬笔书法协会高级讲师</p>
                                <p>全国书画艺术教育百杰</p>
                                <p>中国百佳艺教名师</p>
                                <p>全国杰出教育名师</p>
                                <p>中国书法教育风云人物</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="clearfix"></div>
    </div>
    <div class="blk100"></div>
</div>


<div class="footer">
    <div class="container">
        <ul>
            <li><i class="iconfont">&#xe63c;</i>400-803-1122</li>
            <li><i class="iconfont">&#xe652;</i>宝安区凯旋城人人乐一楼</li>
            <li><i class="iconfont">&#xe648;</i>www.fushiwenhua.com</li>
        </ul>
        <div class="footerQrcode">
            <img src="images/001.jpg" alt="">
            <span>关注一下  更多精彩</span>
        </div>
    </div>
</div>
<div class="kefu">
    <div class="clearfix text-center mb-30">
        <i class="iconfont font50 c717">&#xe606;</i>
        <div class="font20 c717 lh36">欢迎来到符氏书画教育</div>
    </div>
    <div class="clearfix">
        <a href="javascript:void(0);" class="btn btn-block is-plain mb-30">学员登录</a>
        <a href="javascript:void(0);" class="btn btn-block btn-img mb-30">注册送好礼 <img src="./images/001.png" alt=""></a>
    </div>
    <div class="blk20"></div>
    <div class="clearfix text-center">
        <a href="javascript:void(0);">
            <i class="iconfont c905 font50">&#xe627;</i>
            <span class="div_vm font25 c905 ml-10"><b>在线咨询</b></span>
        </a>
    </div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
